﻿@model GPS.ENTITYS.ViewModelDKH_LOP_HV
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Danh sách sinh viên thuộc lớp học";
}

@*<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/bootstrap.js"></script>
    <script src="~/Scripts/bootstrap.min.js"></script>*@


<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Thông tin học viên thuộc lớp học @ViewBag.pKH_LOP_HV_KH_LOP_MA</h3>
    <div class="row">
        @using (Html.BeginForm("IndexStudent", "GPS_LopHoc", FormMethod.Get))
        {
            <div class="list-group">
                <fieldset class="fs_body">
                    <legend class="head_title">Điều Kiện Tìm Kiếm</legend>
                    <div class="criteria_search">
                        <br />
                        <div class="row">
                            <div class="col-md-2 control-label">
                                Mã lớp học
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pKH_LOP_HV_KH_LOP_MA, new { @class = "form-control", @readonly = "readonly" })
                            </div>
                            <div class="col-md-2 control-label">
                                Mã khóa học
                            </div>
                            <div class="col-md-4">
                                @Html.TextBoxFor(model => model.pKH_LOP_HV_KH_MA, new { @class = "form-control", @readonly = "readonly" })
                            </div>
                        </div>

                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Đơn vị đào tạo
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pKH_LOP_HV_DVGTVT_MA, (SelectList)ViewBag.DVGTVT_MAs, string.Empty, new { @class = "form-control", @id = "DVGTVT_MA_dll", @readonly = "readonly" })
                            </div>

                            <div class="col-md-2 control-label">
                                Hạng đào tạo
                            </div>
                            <div class="col-md-4">
                                @Html.DropDownListFor(model => model.pKH_LOP_HANGDT_MA, (SelectList)ViewBag.HANGDT_MAs, string.Empty, new { @class = "form-control", @id = "HANGDT_MA_dll", @readonly = "readonly" })
                            </div>

                        </div>



                    </div>


                    <p class="margin-top-05">


                        @*<button type="submit" class="btn btn-primary btn-sm">
                                <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                            </button>*@

                        @Html.NoEncodeActionLink("<span class='glyphicon glyphicon-plus'></span> Thêm mới học viên vào lớp học", "Thêm mới học viên vào lớp học", "CreateStudent", "GPS_LopHoc", routeValues: new { id1 = Model.pKH_LOP_HV_KH_LOP_MA, id2 = Model.pKH_LOP_HV_DVGTVT_MA, id3 = Model.pKH_LOP_HV_KH_MA }, htmlAttributes: new { data_modal = "", @class = "btn btn-primary btn-sm" })

                        @*<button type="submit" class="btn btn-primary btn-sm" name="SearchButton" value="Xuất Excel">
                                <i class='fa fa-file-excel-o'></i> Xuất Excel
                            </button>*@

                        @*@Html.NoEncodeActionLink("<i class='fa fa-file-excel-o'></i> Import Excel", "Import Excel", "ImportExcel", "GPS_LopHoc", null, htmlAttributes: new { @class = "btn btn-primary btn-sm" })*@


                        @Html.ActionLink("Quay lại danh sách lớp học", "IndexClass", null, new { @class = "btn btn-primary btn-sm" })


                    </p>
                </fieldset>
            </div>
        }
        <br />

        <div class="row">
            <fieldset class="fs_body">
                <legend class="head_title">Kết quả tìm kiếm</legend>

                <label id="lblMessageChange" style="color:blue; font-weight:bold">@TempData["ThongBao"]</label> &nbsp;&nbsp;&nbsp;
                <br />
                <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số học viên: @ViewBag.TotalRow</label> &nbsp;&nbsp;&nbsp;

                <table class="table table-hover table-bordered table-condensed">
                    <tr>
                        <th>
                            Mã lớp học
                        </th>
                        @*<th>
                                Tên lớp học
                            </th>*@
                        @*<th>
                                Đơn vị GTVT
                            </th>*@
                        <th>
                            Mã khóa học
                        </th>
                        <th>
                            Họ đệm
                        </th>
                        <th>
                            Tên
                        </th>
                        <th>
                            Số CMND
                        </th>
                        <th>
                            Giới tính
                        </th>
                        @*<th>
                                Người  nhập
                            </th>*@


                        <th></th>
                    </tr>
                    @{
                        if (Model.SearchResults != null)
                        {
                            foreach (var item in Model.SearchResults)
                            {
                                <tr>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.HV_KH_LOP_MA)
                                    </td>
                                    @*<td>
                                            ""
                                        </td>*@

                                    <td>
                                        @Html.DisplayFor(modelItem => item.HV_KH_MA)
                                    </td>
                                    @*<td>
                                            @Html.DisplayFor(modelItem => item.KH_LOP_HV_KH_MA)
                                        </td>*@
                                    <td>
                                        @Html.DisplayFor(modelItem => item.HV_HODEM)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.HV_TEN)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.HV_SOCMT)
                                    </td>
                                    <td>
                                        @{
                                if (item.HV_GIOITINH == "F")
                                {
                                    @Html.Raw("Nữ")
                                }
                                else
                                {
                                    @Html.Raw("Nam")
                                }
                                        }
                                    </td>


                                    <td>
                                        <div class="pull-right">

                                            <a href="@Url.Action("EditStudent", "GPS_LopHoc", new { id1 = System.Uri.EscapeDataString(item.HV_KH_LOP_MA), id2 = System.Uri.EscapeDataString(item.HV_DVGTVT_MA), id3 = System.Uri.EscapeDataString(item.HV_KH_MA), id4 = System.Uri.EscapeDataString(item.HV_MA), id5 = System.Uri.EscapeDataString(Model.pKH_LOP_HANGDT_MA) })" class="editDialog" data-modal="">
                                                <img src="@Url.Content("~/fonts/grid-edit-icon.png")" title="Thay đổi lớp học" />
                                            </a>

                                            <a href="@Url.Action("DeleteStudent", "GPS_LopHoc", new { id1 = System.Uri.EscapeDataString(item.HV_KH_LOP_MA), id2 = System.Uri.EscapeDataString(item.HV_DVGTVT_MA), id3 = System.Uri.EscapeDataString(item.HV_KH_MA), id4 = System.Uri.EscapeDataString(item.HV_MA) })">
                                                <img src="@Url.Content("~/fonts/grid-delete-icon1.gif")" title="Xóa học viên khỏi lớp học" onclick="return confirm('Bạn chắc chắn muốn xóa học viên khỏi lớp học không?');" />
                                            </a>


                                        </div>
                                    </td>
                                </tr>
                            }
                        }
                    }

                </table>
                <div class="pagination-sm">
                    @Html.PagedListPager(Model.SearchResults, page => Url.Action("IndexStudent", new
   {
       page,
       Model.pKH_LOP_HV_KH_LOP_MA,
       Model.pKH_LOP_HV_DVGTVT_MA,
       Model.pKH_LOP_HV_KH_MA,
       Model.pKH_LOP_HANGDT_MA
   }))
                </div>
            </fieldset>

        </div>
    </div>

</div>

<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog" style="width:50%">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

@*<div id="dialog-edit" style="display: none">
    </div>*@

<script type="text/javascript">
    $.ajaxSetup({ cache: false });

    $("a[data-modal]").on("click", function (e) {
        // alert(this.href);
        $('#myModalContent').load(this.href, function () {
            // alert(this.href);

            $('#myModal').modal({
                /*backdrop: 'static',*/
                keyboard: true
            }, 'show');

            bindForm(this);
        });

        return false;
    });

    function bindForm(dialog) {

        $('form', dialog).submit(function () {
            //  alert(dialog);
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                    //  alert(result.success);
                    if (result.success) {

                        $('#myModal').modal('hide');
                        //Refresh
                        location.reload();
                        //$('#replacetarget').load(result.url); //  Load data from the server and place the returned HTML into the matched element
                    } else {
                        $('#myModalContent').html(result);
                        bindForm(dialog);
                    }
                }
            });
            return false;
        });
    }

    //$(document).ready(function () {

    //    $.ajaxSetup({ cache: false });

    //    $(".editDialog").on("click", function (e) {
    //        var url = $(this).attr('href');
    //        alert(url);

    //        $("#dialog-edit").dialog({
    //            title: 'Edit Customer',
    //            autoOpen: false,
    //            resizable: false,
    //            height: 355,
    //            width: 400,
    //            show: { effect: 'drop', direction: "up" },
    //            modal: true,
    //            draggable: true,
    //            open: function (event, ui) {
    //                $(this).load(url);

    //            },
    //            close: function (event, ui) {
    //                $(this).dialog('close');
    //            }
    //        });

    //        $("#dialog-edit").dialog('open');
    //        return false;
    //    });


    //    $("#btncancel").on("click", function (e) {
    //        $("#dialog-edit").dialog('close');

    //    });
    //});
</script>



@*@section Scripts {
        @Scripts.Render("~/bundles/modalform")
    }*@



